@charset "utf-8";
/* CSS Document */


/*动画库*/
@keyframes spinAround {
    from {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(360deg);
    }
}
@-webkit-keyframes fadeInDown{from{opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}}
@keyframes fadeInDown{from{opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}}
@-webkit-keyframes bounceInRight{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);} from{opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0);} 60%{opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0);} 75%{-webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0);} 90%{-webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0);} to{-webkit-transform: none; transform: none;}}
@keyframes bounceInRight{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);} from{opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0);} 60%{opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0);} 75%{-webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0);} 90%{-webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0);} to{-webkit-transform: none; transform: none;}}
@-webkit-keyframes swing{20%{-webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg);} 40%{-webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg);} 60%{-webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg);} 80%{-webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg);} to{-webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg);}}
@keyframes swing{20%{-webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg);} 40%{-webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg);} 60%{-webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg);} 80%{-webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg);} to{-webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg);}}
@-webkit-keyframes spin{0%{-webkit-transform: rotateY(0deg) rotateX(0deg); transform: rotateY(0deg) rotateX(0deg);} 50%{-webkit-transform: rotateY(-180deg) rotateX(0deg); transform: rotateY(-180deg) rotateX(0deg);} 100%{-webkit-transform: rotateY(-360deg) rotateX(0deg); transform: rotateY(-360deg) rotateX(0deg);}}
@keyframes spin{0%{-webkit-transform: rotateY(0deg) rotateX(0deg); transform: rotateY(0deg) rotateX(0deg);} 50%{-webkit-transform: rotateY(-180deg) rotateX(0deg); transform: rotateY(-180deg) rotateX(0deg);} 100%{-webkit-transform: rotateY(-360deg) rotateX(0deg); transform: rotateY(-360deg) rotateX(0deg);}}
@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(0); -webkit-animation-timing-function:ease-out} 40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg); -webkit-animation-timing-function:ease-out} 50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function:ease-in} 80%{-webkit-transform:perspective(400px) rotateY(360deg) scale(1); -webkit-animation-timing-function:ease-in} 100%{-webkit-transform:perspective(400px) scale(1); -webkit-animation-timing-function:ease-in}}
@-moz-keyframes flip{0%{-moz-transform:perspective(400px) rotateY(0); -moz-animation-timing-function:ease-out} 40%{-moz-transform:perspective(400px) translateZ(150px) rotateY(170deg); -moz-animation-timing-function:ease-out} 50%{-moz-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -moz-animation-timing-function:ease-in} 80%{-moz-transform:perspective(400px) rotateY(360deg) scale(1); -moz-animation-timing-function:ease-in} 100%{-moz-transform:perspective(400px) scale(1); -moz-animation-timing-function:ease-in}}
@-webkit-keyframes fadeInRight{0%{opacity: 0;-webkit-transform: translateX(20px);}
100%{opacity: 1;-webkit-transform: translateX(0);}}
@-moz-keyframes fadeInRight{0%{opacity: 0;-moz-transform: translateX(20px);}
100%{opacity: 1;-moz-transform: translateX(0);}}
@-o-keyframes fadeInRight{0%{opacity: 0;-o-transform: translateX(20px);}
100%{opacity: 1;-o-transform: translateX(0);}}
@keyframes fadeInRight{0%{opacity: 0;transform: translateX(20px);}
100%{opacity: 1;transform: translateX(0);}}
@-webkit-keyframes bounceInLeft{0%{opacity: 0;-webkit-transform: translateX(-2000px);}
60%{opacity: 1;-webkit-transform: translateX(30px);}
80%{-webkit-transform: translateX(-10px);}
100%{-webkit-transform: translateX(0);}}
@-moz-keyframes bounceInLeft{0%{opacity: 0;-moz-transform: translateX(-2000px);}
60%{opacity: 1;-moz-transform: translateX(30px);}
80%{-moz-transform: translateX(-10px);}
100%{-moz-transform: translateX(0);}}
@-o-keyframes bounceInLeft{0%{opacity: 0;-o-transform: translateX(-2000px);}
60%{opacity: 1;-o-transform: translateX(30px);}
80%{-o-transform: translateX(-10px);}
100%{-o-transform: translateX(0);}}
@keyframes bounceInLeft{0%{opacity: 0;transform: translateX(-2000px);}
60%{opacity: 1;transform: translateX(30px);}
80%{transform: translateX(-10px);}
100%{transform: translateX(0);}}
@-webkit-keyframes zoomInUp{0%{opacity: 0;-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}
60%{opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}
@keyframes zoomInUp{0%{opacity: 0;-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}
60%{opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}
@-webkit-keyframes pulse{0%{-webkit-transform: scale(1);}
50%{-webkit-transform: scale(1.1);}
100%{-webkit-transform: scale(1);}}
@-moz-keyframes pulse{0%{-moz-transform: scale(1);}
50%{-moz-transform: scale(1.1);}
100%{-moz-transform: scale(1);}}
@-o-keyframes pulse{0%{-o-transform: scale(1);}
50%{-o-transform: scale(1.1);}
100%{-o-transform: scale(1);}}
@keyframes pulse{0%{transform: scale(1);}
50%{transform: scale(1.1);}
100%{transform: scale(1);}}
@-webkit-keyframes dn50{0%{opacity:0;-webkit-transform:translateY(-50px);}
100%{opacity:1;-webkit-transform:translateY(0);}}
@-moz-keyframes dn50{0%{opacity:0;-moz-transform:translateY(-50px);}
100%{opacity:1;-moz-transform:translateY(0);}}
@keyframes dn50{0%{opacity:0;transform:translateY(-50px);}
100%{opacity:1;transform:translateY(0);}}
/* 向左滑动*/@-webkit-keyframes lt50{0%{opacity:0;-webkit-transform:translateX(50px);}
100%{opacity:1;-webkit-transform:translateY(0);}}
@-moz-keyframes lt50{0%{opacity:0;-moz-transform:translateX(50px);}
100%{opacity:1;-moz-transform:translateY(0);}}
@keyframes lt50{0%{opacity:0;transform:translateX(50px);}
100%{opacity:1;transform:translateY(0);}}
/* 向右滑动*/@-webkit-keyframes rt50{0%{opacity:0;-webkit-transform:translateX(-50px);}
100%{opacity:1;-webkit-transform:translateY(0);}}
@-moz-keyframes rt50{0%{opacity:0;-moz-transform:translateX(-50px);}
100%{opacity:1;-moz-transform:translateY(0);}}
@keyframes rt50{0%{opacity:0;transform:translateX(-50px);}
100%{opacity:1;transform:translateY(0);}}
@-webkit-keyframes fadeInUp{0%{opacity: 0;-webkit-transform: translateY(20px);}
100%{opacity: 1;-webkit-transform: translateY(0);}}
@-moz-keyframes fadeInUp{0%{opacity: 0;-moz-transform: translateY(20px);}
100%{opacity: 1;-moz-transform: translateY(0);}}
@-o-keyframes fadeInUp{0%{opacity: 0;-o-transform: translateY(20px);}
100%{opacity: 1;-o-transform: translateY(0);}}
@keyframes fadeInUp{0%{opacity: 0;transform: translateY(20px);}
100%{opacity: 1;transform: translateY(0);}}
@-webkit-keyframes rotate{from{-webkit-transform:rotate(0deg)}
to{-webkit-transform:rotate(360deg)}}
@-moz-keyframes rotate{from{-moz-transform:rotate(0deg)}
to{-moz-transform:rotate(360deg)}}
@-ms-keyframes rotate{from{-ms-transform:rotate(0deg)}
to{-ms-transform:rotate(360deg)}}
@-o-keyframes rotate{from{-o-transform:rotate(0deg)}
to{-o-transform:rotate(360deg)}}
@-webkit-keyframes feichi{0%{left:1000px;}
100%{left:0px;}}
@-moz-keyframes feichi{0%{left:1000px;}
100%{left:0px;}}
@keyframes feichi{0%{left:1000px;}
100%{left:0px;}}
@keyframes flying{0%{margin-top: 0px;}
50%{margin-top: 6px;}
100%{margin-top: 0px;}}
@-webkit-keyframes flying{0%{margin-top: 0px;}
50%{margin-top: 6px;}
100%{margin-top: 0px;}}
@-moz-keyframes flying{0%{margin-top: 0px;}
50%{margin-top: 6px;}
100%{margin-top: 0px;}}
@-webkit-keyframes moveRight{0%{opacity: 0;left:1000px;}
10%{opacity: 1;}
100%{opacity: 1;left:1200px;}}
@-moz-keyframes moveRight{0%{opacity: 0;left:1000px;}
10%{opacity: 1;}
100%{opacity: 1;left:1200px;}}
@keyframes moveRight{0%{opacity: 0;left:1000px;}
10%{opacity: 1;}
100%{opacity: 1;left:1200px;}}
@-webkit-keyframes moveRight2{0%{opacity: 0;left:100px;}
10%{opacity: 1;}
100%{opacity: 1;left:290px;}}
@-moz-keyframes moveRight2{0%{opacity: 0;left:100px;}
10%{opacity: 1;}
100%{opacity: 1;left:290px;}}
@keyframes moveRight2{0%{opacity: 0;left:100px;}
10%{opacity: 1;}
100%{opacity: 1;left:290px;}}
@-webkit-keyframes moveRight3{0%{opacity: 0;left:700px;}
10%{opacity: 1;}
100%{opacity: 1;left:900px;}}
@-moz-keyframes moveRight3{0%{opacity: 0;left:700px;}
10%{opacity: 1;}
100%{opacity: 1;left:900px;}}
@keyframes moveRight3{0%{opacity: 0;left:700px;}
10%{opacity: 1;}
100%{opacity: 1;left:900px;}}
@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin: left bottom;-webkit-transform: rotate(90deg);opacity: 0;}
100%{-webkit-transform-origin: left bottom;-webkit-transform: rotate(0);opacity: 1;}}
@-moz-keyframes rotateInUpLeft{0%{-moz-transform-origin: left bottom;-moz-transform: rotate(90deg);opacity: 0;}
100%{-moz-transform-origin: left bottom;-moz-transform: rotate(0);opacity: 1;}}
@-o-keyframes rotateInUpLeft{0%{-o-transform-origin: left bottom;-o-transform: rotate(90deg);opacity: 0;}
100%{-o-transform-origin: left bottom;-o-transform: rotate(0);opacity: 1;}}
@keyframes rotateInUpLeft{0%{transform-origin: left bottom;transform: rotate(90deg);opacity: 0;}
100%{transform-origin: left bottom;transform: rotate(0);opacity: 1;}}
@-webkit-keyframes flipInY{0%{-webkit-transform: perspective(400px) rotateY(90deg);opacity: 0;}
40%{-webkit-transform: perspective(400px) rotateY(-10deg);}
70%{-webkit-transform: perspective(400px) rotateY(10deg);}
100%{-webkit-transform: perspective(400px) rotateY(0deg);opacity: 1;}}
@-moz-keyframes flipInY{0%{-moz-transform: perspective(400px) rotateY(90deg);opacity: 0;}
40%{-moz-transform: perspective(400px) rotateY(-10deg);}
70%{-moz-transform: perspective(400px) rotateY(10deg);}
100%{-moz-transform: perspective(400px) rotateY(0deg);opacity: 1;}}
@-o-keyframes flipInY{0%{-o-transform: perspective(400px) rotateY(90deg);opacity: 0;}
40%{-o-transform: perspective(400px) rotateY(-10deg);}
70%{-o-transform: perspective(400px) rotateY(10deg);}
100%{-o-transform: perspective(400px) rotateY(0deg);opacity: 1;}}
@keyframes flipInY{0%{transform: perspective(400px) rotateY(90deg);opacity: 0;}
40%{transform: perspective(400px) rotateY(-10deg);}
70%{transform: perspective(400px) rotateY(10deg);}
100%{transform: perspective(400px) rotateY(0deg);opacity: 1;}}
@-webkit-keyframes moveLeft{0%{opacity:0;left:650px;}
10%{opacity:1;}
100%{opacity:1;left:200px;}}
@-moz-keyframes moveLeft{0%{opacity:0;left:650px;}
10%{opacity:1;}
100%{opacity:1;left:200px;}}
@keyframes moveLeft{0%{opacity:0;left:650px;}
10%{opacity:1;}
100%{opacity:1;left:200px;}}
@-webkit-keyframes moveLeft2{0%{opacity:0;left:580px;}
10%{opacity:1;}
100%{opacity:1;left:300px;}}
@-moz-keyframes moveLeft2{0%{opacity:0;left:580px;}
10%{opacity:1;}
100%{opacity:1;left:300px;}}
@keyframes moveLeft2{0%{opacity:0;left:580px;}
10%{opacity:1;}
100%{opacity:1;left:300px;}}
@-webkit-keyframes moveLeft3{0%{opacity:0;left:280px;}
10%{opacity:1;}
100%{opacity:1;left:0px;}}
@-moz-keyframes moveLeft3{0%{opacity:0;left:280px;}
10%{opacity:1;}
100%{opacity:1;left:0px;}}
@keyframes moveLeft3{0%{opacity:0;left:280px;}
10%{opacity:1;}
100%{opacity:1;left:0px;}}
@-webkit-keyframes moveLeft4{0%{opacity:0;left:1080px;}
10%{opacity:1;}
100%{opacity:1;left:960px;}}
@-moz-keyframes moveLeft4{0%{opacity:0;left:1080px;}
10%{opacity:1;}
100%{opacity:1;left:960px;}}
@keyframes moveLeft4{0%{opacity:0;left:1080px;}
10%{opacity:1;}
100%{opacity:1;left:960px;}}
@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin: left bottom;-webkit-transform: rotate(-90deg);opacity: 0;}
100%{-webkit-transform-origin: left bottom;-webkit-transform: rotate(0);opacity: 1;}}
@-moz-keyframes rotateInDownLeft{0%{-moz-transform-origin: left bottom;-moz-transform: rotate(-90deg);opacity: 0;}
100%{-moz-transform-origin: left bottom;-moz-transform: rotate(0);opacity: 1;}}
@-o-keyframes rotateInDownLeft{0%{-o-transform-origin: left bottom;-o-transform: rotate(-90deg);opacity: 0;}
100%{-o-transform-origin: left bottom;-o-transform: rotate(0);opacity: 1;}}
@keyframes rotateInDownLeft{0%{transform-origin: left bottom;transform: rotate(-90deg);opacity: 0;}
100%{transform-origin: left bottom;transform: rotate(0);opacity: 1;}}
.rotateInDownLeft{-webkit-animation-name: rotateInDownLeft;-moz-animation-name: rotateInDownLeft;-o-animation-name: rotateInDownLeft;animation-name: rotateInDownLeft;}
@-webkit-keyframes zoomInDown{0%{opacity: 0;-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}
60%{opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}
@keyframes zoomInDown{0%{opacity: 0;-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}
60%{opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}
@-webkit-keyframes bounceInDown{0%{opacity: 0;-webkit-transform: translateY(-2000px);}
60%{opacity: 1;-webkit-transform: translateY(30px);}
80%{-webkit-transform: translateY(-10px);}
100%{-webkit-transform: translateY(0);}}
@-moz-keyframes bounceInDown{0%{opacity: 0;-moz-transform: translateY(-2000px);}
60%{opacity: 1;-moz-transform: translateY(30px);}
80%{-moz-transform: translateY(-10px);}
100%{-moz-transform: translateY(0);}}
@-o-keyframes bounceInDown{0%{opacity: 0;-o-transform: translateY(-2000px);}
60%{opacity: 1;-o-transform: translateY(30px);}
80%{-o-transform: translateY(-10px);}
100%{-o-transform: translateY(0);}}
@keyframes bounceInDown{0%{opacity: 0;transform: translateY(-2000px);}
60%{opacity: 1;transform: translateY(30px);}
80%{transform: translateY(-10px);}
100%{transform: translateY(0);}}
@-webkit-keyframes bounceInUp{0%{opacity: 0; -webkit-transform: translateY(2000px);} 60%{opacity: 1; -webkit-transform: translateY(-30px);} 80%{-webkit-transform: translateY(10px);} 100%{-webkit-transform: translateY(0);}}
@-moz-keyframes bounceInUp{0%{opacity: 0; -moz-transform: translateY(2000px);} 60%{opacity: 1; -moz-transform: translateY(-30px);} 80%{-moz-transform: translateY(10px);} 100%{-moz-transform: translateY(0);}}
@-o-keyframes bounceInUp{0%{opacity: 0; -o-transform: translateY(2000px);} 60%{opacity: 1; -o-transform: translateY(-30px);} 80%{-o-transform: translateY(10px);} 100%{-o-transform: translateY(0);}}
@keyframes bounceInUp{0%{opacity: 0; transform: translateY(2000px);} 60%{opacity: 1; transform: translateY(-30px);} 80%{transform: translateY(10px);} 100%{transform: translateY(0);}}
@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0;} 100%{-webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1;}}
@-moz-keyframes rotateInDownRight{0%{-moz-transform-origin: right bottom; -moz-transform: rotate(90deg); opacity: 0;} 100%{-moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1;}}
@-o-keyframes rotateInDownRight{0%{-o-transform-origin: right bottom; -o-transform: rotate(90deg); opacity: 0;} 100%{-o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1;}}
@keyframes rotateInDownRight{0%{transform-origin: right bottom; transform: rotate(90deg); opacity: 0;} 100%{transform-origin: right bottom; transform: rotate(0); opacity: 1;}}
@-webkit-keyframes lightSpeedIn{from{-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0;} 60%{-webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1;} 80%{-webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1;} to{-webkit-transform: none; transform: none; opacity: 1;}}
@keyframes lightSpeedIn{from{-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0;} 60%{-webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1;} 80%{-webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1;} to{-webkit-transform: none; transform: none; opacity: 1;}}